<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>webMooc餐厅游戏2</title>
    <!-- SEO手段：关键词和页面描述 -->
    <meta name="keywords" content="餐厅游戏, WebMOOC, 餐厅管理, 招聘厨师, 烹饪美食, 经营餐厅">
    <meta name="description" content="WebMOOC餐厅游戏，经营自己的餐厅，招聘厨师，迎接客人，烹饪美食，体验餐厅管理乐趣。">
    <!-- 初始css样式 -->
    <link rel="stylesheet" href="../assets/css/base.css">
    <!-- 主要样式 -->
    <link rel="stylesheet" href="./css/restaurant.css">
</head>

<body>
    <!--
    使用模块系统引入js：
        ①模块化：代码结构清晰、可读性强，方便团队合作和维护；
        ②独立作用域：每个模块都有自己的作用域，避免了全局命名冲突，减少了潜在的错误和bug；
        ③明确依赖：通过导入import和导出export模块的方式，明确表达模块之间的依赖关系，更好地管理和控制代码的依赖；
        ④管理加载顺序：自动管理加载顺序，避免了手动管理脚本加载顺序的复杂性；
    数据驱动思想：
        ①
        ②
        ③
    -->
    <script type="module" src="./js/restaurant.js"></script>
</body>

</html>